<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

	<head>
		<title><ui:insert name="pageTitle">GIP - Gerenciamento de Impacto em Projetos</ui:insert></title>
		
		<style>
			.body {
			  height: 100%;	
			}
		
			.header, .footer {
  			  background-color: #e7efff;
  			  width: 100%;
  			  text-align: center;
  			  font-weight: bold;
			}

			.alt-dialog {
			  margin-top: 10%;
			  margin-bottom: 10%;
			  text-align: left;
			  z-index: 1000;
			  background-color: #c3d9ff;
			  vertical-align: middle;
			}

			.dialog-handle {
			  font-weight: bold;
			  background-color: #c3d9ff;
			}
			
			.dialog-label {
 			  text-align: right;
	 		}
		</style>
	</head>

	<body class="body">
		<f:view>
			<div class="alt-dialog">
				<table class="header" align="center">
					<tr><td>GIP - Gerenciamento de Impacto em Projetos</td></tr>
				</table>
				
				<br/>
				<br/>
	
				<table align="center">
					<tr>
						<td align="center">
							<img src="/gip-portal/image/logo-gip.jpg" width="140" height="60" />
						</td>
						<td width="40px;"/>
						<td>
							<img src="/gip-portal/image/ufscar.gif" width="140" height="60" />
						</td>
					</tr>
				</table>
				
				<br/>
				
				<h:form>
					<table align="center">				
						<tr>
							<td>Login:</td>
							<td><h:inputText value="#{loginController.usuario.login}" /></td>
						</tr>
						<tr>
							<td class="dialog-label">Senha:</td>
							<td><h:inputSecret value="#{loginController.usuario.password}" /></td>
						</tr>
						<tr>
							<td colspan="2" align="center">
								<h:outputText style="color: red;" value="#{loginController.message}" />
							</td>
						</tr>
					</table>

					<br/>
					<br/>

					<div class="footer" align="center"><h:commandButton value="Iniciar" action="#{loginController.efetuarLogin}" /></div>
				</h:form>
				
			</div>
		</f:view>		
	</body>
</html>
